/*w-top*/
.page-wrap .w-top{
	padding: 20px 5px;
    width: 1068px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    background: rgba(252, 245, 247, 0.29);
    border-radius: 5px;
    min-width: 1060px;
    max-width: 100%;
    border: 1px solid #ccc;
}

.w-top .w{
	width: 1060px;
	margin:0 auto;
	text-align: center;
	font-size: 20px;
	color: red;
}
.w-top .w .top-bar {
	width: 100%;
	padding: 20px 0;
	margin: 0;
	height: 110px;
	margin: 0 auto;
}
.w-top .w .secLeftCont{
	cursor: pointer;
	width:510px;
	margin-left: 10px;
	margin-right: 20px;
	border-radius: 10px;
	min-height: 110px;
	max-height: 100%;
	float: left;
	background:#fff;
	-moz-box-shadow:  0 0 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:  0 0 5px 1px rgba(0,0,0,0.3);
    box-shadow:  0 0 5px 1px rgba(0,0,0,0.3);
    transition: all 0.4s ease-in-out;
}
.w-top .w .secLeftCont:hover{
	background:#f5ff72;
	-moz-box-shadow:  0 0 15px 1px rgba(0,0,0,0.65);
	-webkit-box-shadow:  0 0 15px 1px rgba(0,0,0,0.65);
    box-shadow:  0 0 15px 1px rgba(0,0,0,0.65);
    transition: all 0.2s ease-in-out;
}
.secLeftCont .add-goods-img{
	background-image: url(../../image/icon/add-goods.png);
	background-size: 80px;
	position: relative;
	left: 80px;
	top:15px;
	width: 80px;
	height: 80px;
	display: block;
	float: left;
}
.secLeftCont .tab-name{
	position: relative;
	left: -22px;
	color: #000;
	display: block;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 85px;
}
.secLeftCont .cont{
	color: #333;
	position: relative;
	left: 20px;
	top:-65px;
	display: block;
	font-size: 18px;
	text-align: center;
	line-height: 110px;
}
.w-top .w .secRightCont{
	cursor: pointer;
	width:510px;
	border-radius: 10px;
	min-height: 110px;
	max-height: 100%;
	float: left;
	color: #000;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 110px;
	background:#fff;
	-moz-box-shadow:  0 0 5px 1px rgba(0,0,0,0.3);
	-webkit-box-shadow:  0 0 5px 1px rgba(0,0,0,0.3);
    box-shadow:  0 0 5px 1px rgba(0,0,0,0.3);
    transition: all 0.4s ease-in-out;
}
.w-top .w .secRightCont:hover{
	background:#f5ff72;
	-moz-box-shadow:  0 0 15px 1px rgba(0,0,0,0.65);
	-webkit-box-shadow:  0 0 15px 1px rgba(0,0,0,0.65);
    box-shadow:  0 0 15px 1px rgba(0,0,0,0.65);
    transition: all 0.2s ease-in-out;
}
.secRightCont .reCycle-img{
	background-image: url(../../image/icon/reCycle.png);
	background-size: 80px;
	position: relative;
	left: 80px;
	top:15px;
	width: 80px;
	height: 80px;
	display: block;
	float: left;
}
.secRightCont .tab-name{
	position: relative;
	left: -22px;
	color: #000;
	display: block;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	line-height: 85px;
}
.secRightCont .cont{
	color: #333;
	position: relative;
	left: 20px;
	top:-65px;
	display: block;
	font-size: 18px;
	text-align: center;
	line-height: 110px;
}
/*infoBar*/
.w-top .w .infoBar {
	width: 1058px;
	background: #fff;
	height: 300px;
	margin: 0 auto;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #ddd;
}
.w-top .w .left-item{
	width:528px;
	/*border-right: 2px solid #666;*/
	min-height: 300px;
	max-height: 100%;
	float: left;
	background:rgb(255, 254, 251);
}
.w-top .w .left-item:after {
    content: '';
    position: absolute;
    right: 530px;
    top: 189px;
    /* bottom: 0; */
    /* right: 0; */
    height: 230px;
    width: 1px;
    background-color: #8a9aff;
    }
/*.left-item .add-goods-img{
	background-image: url(../../image/icon/add-goods.png);
	background-size: 30px;
	position: relative;
	left: 0;
	top:35px;
	width: 30px;
	height: 30px;
	display: block;
	float: left;
}*/
.left-item .tab-name{
	height: 50px;
	text-indent: .85em;
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-align: left;
	line-height: 50px;
}
.left-item .cont{
	color: #333;
	left: 20px;
	width: 88%;
	margin: 0 auto;
	display: block;
	font-size: 18px;
	text-align: left;
	text-indent: 2em;
}
.w-top .w .right-item{
	width:530px;
	min-height: 300px;
	max-height: 100%;
	float: left;
	background:rgb(255, 254, 251);
}
.right-item .tab-name{
	height: 50px;
	display: block;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	line-height: 50px;
}
.right-item .cont{
	color: #333;
	left: 20px;
	display: block;
	font-size: 18px;
	text-align: left;
	text-indent: 2em;
}
.info-list{
	margin: 0 auto;
	width: 88%;
	height: 200px;
}





/*排序按钮*/
.sort-con{
    overflow: hidden;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 27px;
    width: 100%;
    margin-bottom: 5px;
    border-radius:5px;
    background: #717179;
    font-size: 14px;
}
.sort-con .sort-item{
    
    float: left;
    display: inline-block;
    position: relative;
    padding: 0 8px;
    height: 24px;
    line-height: 24px;
    margin-right: -1px;
    outline: none;
    border: 1px solid #c60023;
    background: #eee;
    color: #000;
    cursor: pointer;
}
.sort-con .sort-title-radius{
	border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.sort-con .sort-item-radius{
	border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.sort-con .sort-item:hover{
	background: #fff;
}
.sort-con .sort-item.active{
	background: #c60023;
	border:1px solid #c60023;
	font-weight: bold;
	color: #fff;
}
.sort-con .sort-item .fa-sort-desc{
	position: absolute;
	top: 8px;
	right: 8px;
}
.sort-con .sort-item.asc .fa-sort-desc{
	opacity: .6;
}
.sort-con .sort-item.desc .fa-sort-asc{
	opacity: .6;
}



/*goods-list*/
.fl-title{
	color: #393842;
    font-weight: bold;
    margin-top: 10px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.goods-list{
    position: relative;
    width: 1058px;
    border-radius: 5px;
    min-height: 600px;
    max-height: 100%;
    border: 1px solid #ad2b92;
    background: rgba(239, 253, 253, 0.74);
    margin-right: -25px;
    padding: 25px 0 50px 0;
    overflow: hidden;
    font-size: 14px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.goods-list .p-item{
	position: relative;
	float: left;
	border:1px solid #ccc;
	margin: 0 10px 20px 19px;
	background: #fff;
	width: 178px;
	height: 280px;
	-moz-box-shadow:  0 0 10px 1px rgba(0,0,0,0.25);
	-webkit-box-shadow:  0 0 10px 1px rgba(0,0,0,0.25);
    box-shadow:  0 0 10px 1px rgba(0,0,0,0.25);
    transition: all 0.35s ease-in-out;
}
.goods-list .p-item:hover{
	position: relative;
	top:-4px;
	-moz-box-shadow:  0 0 10px 0px rgba(13, 245, 234, 0.81);
	-webkit-box-shadow:  0 0 10px 0px rgba(13, 245, 234, 0.81);
    box-shadow:  0 0 10px 0px rgba(13, 245, 234, 0.81);
    transition: all 0.4s ease-in-out;
}
.goods-list .p-item .p-img-con{
	width: 178px;
	height: 200px;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}
.goods-list .p-item .p-img-con .p-img{
	width: 100%;
	height:100%; 
/*	width: 100px;
    height: 20px;
    margin: 0 auto;
    margin-top: 49%;*/
}
.goods-list .p-item .p-price-con{
	height:30px;
	line-height: 30px;
}
.goods-list .p-item .p-price-con .p-price{
    position: relative;
    font-size: 16px;
    color: #e7380d;
    left: -60px;
}
.goods-list .p-item .p-name-con{
	height: 40px;
	padding:0 10px;
    text-align: left;
	overflow: hidden;
}
.goods-list .p-item .p-name-con .p-name{
    line-height: 20px;
    position: relative;
    margin-bottom: 10px;
    color: #666;
    text-decoration: none;
}
.goods-list .p-item .p-name-con .p-name:hover{
	text-decoration: underline;
}


.sec-loading{
/*	position: relative;
	top:90px;*/
}

.pg-content{
	position: relative;
	top: -50px;
}





/*w-mid*/
.page-wrap .w-mid{
	padding: 20px 0;
	width: 1080px;
	margin: 0 auto;
	margin-bottom: 30px;
	background: #2f3233;
	border-radius: 5px;
	min-height: 150px;
	min-width: 1060px;
	max-width: 100%;
}

.w-mid .w{
	height: 150px;
	width: 1080px;
	text-align: center;;
	font-size: 20px;
	color: red;
	-moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}




/*3d-img*/
.container{
	position: relative;
	display: block;
	float: left;
	margin-left: 10px;
	width: 200px;
	height: 300px;
	border-radius: 10px;
	background: #fff;
	transform: rotate(0) skew(10deg) scale(.5);
	transition: 0.5s;
}
.container:hover{
	transform: rotate(0) skew(0) scale(.6);
	transition: 0.5s;
}
.container img{
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	transition: 0.5s;
}
/*.container:hover img:nth-child(4){
	transform: translate(100px,-100px);
	opacity: 1;
}
.container:hover img:nth-child(3){
	transform: translate(75px,-75px);
	opacity: .8;
}
.container:hover img:nth-child(2){
	transform: translate(50px,-50px);
	opacity: .6;
}*/
.container:hover img:nth-child(1){
	transform: translate(-20px,20px);
	opacity: .2;
}



